<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <script>
        class People {
            constructor(name) {
                    this.name = name;
                }
                //在进行实例化的时候这个构造函数会自动调用 把属性放在这里

            say() {
                alert(this.name + "111");
            }
        }
        //class关键字就是在es6中定义类 类是由属性和方法构成的 属性放在constructor构造函数里 方法放在跟constructor同级的地方

        let xiaoming = new People("小明");
        xiaoming.say();

        class Men extends People {
            constructor(name) {
                super(name);
                //super 方法 会调用父类的构造函数constructor
            }
            handler() {
                alert("刘举到底有几个女朋友？？？");
            }
        }
        let liuju = new Men("刘举");
        liuju.say();
        //es6的继承 通过extends 继承 还要在构造函数里调用super方法实现继承
    </script>
</body>

</html>